<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../styles/reset.css">
  <link rel="stylesheet" href="../styles/font.css">
  <link rel="stylesheet" href="../styles/base.css">
  <link rel="stylesheet" href="../styles/css/detail.css">
  <title>寻找最美瑜伽馆主</title>
</head>
<body>
    <div class="container">
        <div class="headinfo-wrap">
          <div class="main-img" style="background-image:url(http://cdn.50yoga.cn/pics/public/sweet/images/shopkeeper/banner2.0.jpg)"></div>
          <div class="info-wrap">
            <div class="num-wrap">
              <div class="info-num">9999</div>
            </div>
            <div class="info-name overflow-txt">zhouting</div>
            <div class="info-city">常州市</div>
            <button class="clear-btn common-btn sm-btn">投一票</button>
          </div>
        </div>
        <div class="count-wrap count-position">
          <div class="count-item">
            <p class="count-num">1001</p>
            <p class="count-txt">当前票数</p>
          </div>
          <div class="count-item">
            <p class="count-num">500</p>
            <p class="count-txt">当前名次</p>
          </div>
          <div class="count-item">
            <p class="count-num">500</p>
            <p class="count-txt">距离上一名次</p>
          </div>
        </div>
        <div class="detail-wrap">
          <p class="detail-title">TA和TA的场馆：</p>
          <p class="detail-content">我的场馆介绍</p>
          <div class="nav-switch">
            <div class="nav-item nav-active">生活照(4)</div>
            <div class="nav-item">场馆(4)</div>
            <div class="nav-item">队伍（5）</div>
          </div>
          <div class="pic-wrap">
            <img class="pic-item" src="http://cdn.50yoga.cn/pics/public/sweet/images/shopkeeper/banner2.0.jpg"/>
            <img class="pic-item js-hidden" src="http://cdn.50yoga.cn/pics/public/sweet/images/shopkeeper/banner2.0.jpg"/>
          </div>
        </div>
        <!-- 投票成功弹框 -->
        <div class="pop-wrap js-hidden">
          <div class="pop-content">
            <img class="success-img" src="http://cdn.50yoga.cn/pics/public/sweet/images/shopkeeper/success.png" width="80" height="80">
            <p class="pop-title">投票成功</p>
            <p>感谢您的支持～</p>
            <button class="clear-btn common-btn vote-btn" @click="hidePop">确定</button>
          </div>
        </div>
        <!-- 提示分享蒙层 -->
        <div class="pop-wrap js-hidden">
          <img src="http://cdn.50yoga.cn/pics/public/sweet/images/shopkeeper/share.png" class="share-pop">
        </div>
      </div>
</body>
</html>